<script setup>

</script>

<template>
  <div class="body">
    <div class="title">教辅启智探索队</div>

    <div class="version">
      <div> 当前版本：</div>
      <div>v1.0.1</div>
    </div>

    <div class="title">联系我们</div>
    <div class="our">
      <div>电话：14512414584</div>
      <div class="wx">
        <div>微信:</div>
        <img src="@/assets/img/zhuWX.png"  alt="">
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.body{
  position: fixed;
  top: 50vh;
  left: 4.8%;
  width: 300px;
  height: 380px;
  border-radius: 20px;
  background: linear-gradient(90deg, rgba(235, 223, 244, 1) 0%, rgba(226, 233, 250, 1) 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  z-index: 11;
  .title{
    font-size: 19px;
  }
  .version{
    width: 264px;
    height: 62px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 17px;
  }
  .our{
    width: 264px;
    height: 196px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 17px;
    .wx{
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 20px;
    }
  }
}
</style>


